<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>
<%@ include file="../inc/taglibs.jsp" %>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>${workVideo.name}</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <meta content="yes" name="apple-mobile-web-app-capable">
    <meta content="black" name="apple-mobile-web-app-status-bar-style">
    <meta content="telephone=no" name="format-detection">
    <link href="${contextPath}/static/share/css/style.css" rel="stylesheet" type="text/css">
    <script type="text/javascript" src="${contextPath}/static/share/js/index.js"></script>
    <script type="text/javascript" src="${contextPath}/static/share/js/jquery-1.11.1.min.js"></script>
    <script type="text/javascript" src="${contextPath}/static/share/js/prompt.js"></script>
</head>

<body>
<div class="wrapper">
    <div class="invit">
        <div class="header_fixed">
            <div class="header_wrap">
                <%--<i class="i-return"></i>--%>
                <%--<h3 class="ellips">${workVideo.name}</h3>--%>
            </div>
        </div>
        <div class="video_wrap">
            <div id="sohuplayer"></div>
        </div>
        <div class="contents">
            <h3 class="h3-title"><span class="fr">更新至${workVideo.series}集/共${workVideo.allSeries}集</span>目录</h3>
            <%--<ul class="set-list clearfix">
                <li class="active">1-${workVideo.series}</li>
            </ul>--%>
            <div class="gather-wrap">
                <ul class="gather-list current clearfix">
                    <c:forEach var="n" items="${workVideo.workVideoDetailList}" varStatus="x">
                        <c:if test="${fn:length(n.name)>'3'}">
                            <li><a href="http://a.app.qq.com/o/simple.jsp?pkgname=com.liumai.yiciyuan">${x.index + 1}.${fn:substring(n.name, 0, 3)}...</a></li>
                        </c:if>
                        <c:if test="${fn:length(n.name)<='3'}">
                            <li><a href="http://a.app.qq.com/o/simple.jsp?pkgname=com.liumai.yiciyuan">${x.index + 1}.${n.name}</a></li>
                        </c:if>
                    </c:forEach>
                </ul>
            </div>
        </div>
        <!--作品简介-->
        <div class="work-intro">
            <h3><span class="fr"><span><i class="i-play"></i>${workVideo.playNum}</span>
            <span><i class="i-comment"></i>${workVideo.barrageNum}</span></span>作品简介
            </h3>
            <c:if test="${fn:length(workVideo.description)>'130'}">
                <p>${fn:substring(workVideo.description, 0, 130)}......</p>
            </c:if>
            <c:if test="${fn:length(workVideo.description)<='130'}">
                <p>${workVideo.description}</p>
            </c:if>
        </div>
    </div>
</div>
<input type="hidden" id="hiddenAId" value="${workVideo.workVideoDetailList.get(0).vid}"/>
<input type="hidden" id="hiddenUrl" value="${workVideo.workVideoDetailList.get(0).linkUrl}"/>
<div class="footer-fixed">
    <div class="download_wrap clearfix">
            <span class="fl"><img src="${contextPath}/static/share/images/logo.png"/>
                <i>亿奇娱乐 <br/> <span>在这里，撩演员，戳主创</span></i>
            </span>
        <a class="download-link fr" href="http://a.app.qq.com/o/simple.jsp?pkgname=com.liumai.yiciyuan">立即下载</a>
    </div>
</div>
<script type="text/javascript" src="${contextPath}/static/share/js/player.js"></script>
<style type="text/css">
    #sohuplayer {
        height: 6rem;
    }
</style>
<script type="text/javascript">
    document.getElementById("sohuplayer").innerHTML = createSHPlayer({
        bid: $('#hiddenAId').val(),
        autoplay: true,
        vars: {"enforceHTML5": true},
        width: "100%",
        height: "100%",
        getHTML: true,
        showCtrlBar: 0,
        channelSrc: 11510001,
        lqd: 24101,
        lcode: $('#hiddenUrl').val()
    });
</script>
</body>
</html>